<template>
  <wd-popup closable position="bottom" v-model="visible" custom-style="border-radius: 15px 15px 0 0;">
    <view class="global-m vip-btn">
      <view style="margin-bottom: 10px;" class="d-flex-center">开通会员，解锁全部功能</view>
      <view class="d-flex-center">
        <image src="http://124.223.41.167:8089/asd7a9d.png" style="width: 100%; height: 112px;" mode="widthFix" />
      </view>
      <view @click="toVip">
        <wd-button block type="primary" size="large" style="margin-top: 20px;">开通会员</wd-button>
      </view>
    </view>
  </wd-popup>
</template>

<script lang="ts" setup>
import { ref, defineProps } from 'vue'
import { toRouter } from '@/hooks/utils'
const visible = ref(false)
const toVip = () => {
  toRouter('/pages/my/vip')
}
const openVisible = () => {
  visible.value = true
}
defineExpose({
  visible,
  openVisible
})
</script>

<style scoped lang="scss">
.vip-btn{
  --wot-button-primary-bg-color: #FE3D65;
}
</style>